<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <!--{{}}插值,可以将vue对象中的变量值显示到此位置-->
    <p>{{info}}</p>
    <!--v-text是替换元素的文本内容, 插值写法网速慢时会有短暂的{{}}内容的显示-->
    <p v-text="info">asdfads</p>
    <!--v-html替换元素的html内容,会解析标签的效果-->
    <p v-html="info" >fdasfad</p>
</div>
<!--引入vue-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script>
    let vm = new Vue({
        el:"div",
        data:{info:"文本测试<b>我是加粗标签</b>"}
    })
</script>
</body>
</html>